<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>data:数组对象</title>
</head>
<body>
<div id="app">
    {{message}}
    <h2>{{iphone.name}} &nbsp;&nbsp; {{iphone.mobie}}</h2>
    <ul>
        <li>{{SalesAddress[0]}}</li>
        <li>{{SalesAddress[1]}}</li>
        <li>{{SalesAddress[2]}}</li>
    </ul>
</div>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script type="text/javascript">
    var app = new Vue({
        el: "#app",
        data: {
            message: "您好 vue!",
            iphone: {
                name: "Apple 12",
                mobie: "咨询电话:11011011010"
            },
            SalesAddress: ["北京", "上海", "广州", "深圳"]
        }
    });
</script>
</body>
</html>
